<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据绑定</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $("#btn").click(function(){
                // data(key,value):向指定的元素中绑定一个数据
                // data(key):从指定元素中获取绑定的数据
                $("#btn").data("id",1);
                $("#btn").data("username","admin");
                $("#btn").data("password","123456");
            });
            $("#btn2").click(function(){
                console.log("btn按钮绑定的key为id的数据:"+$("#btn").data("id"));
                console.log("btn按钮绑定的key为username的数据:"+$("#btn").data("username"));
                console.log("btn按钮绑定的key为password的数据:"+$("#btn").data("password"));
                console.log("btn2按钮绑定的key为password的数据:"+$("#btn2").data("password"));
            });
        })
    </script>
</head>
<body>
<button id="btn">绑定数据</button><br>
<button id="btn2">取出绑定的数据</button><br>
</body>
</html>